import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

class LikeButton extends React.Component
{
    constructor(props) {
        super(props);
        this.state ={liked: false}
    }

    handleClick(e) {
        this.setState({liked: !this.state.liked})
    }

    render() {
        const text = this.state.liked ? 'like' : 'do not like';
        return (
            <p onClick={this.handleClick.bind(this)}>
                you {text} this . click to toggle.
            </p>
        );
    }
}

ReactDOM.render(
  <React.StrictMode>
      <App />
  </React.StrictMode>,
  document.getElementById('root')
);






// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
